@import "./variables.scss";

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.view {
  margin: 20px;
  text-align: left;
}

.btn-normal {
  min-width: 80px;
}

.btn-wrapper {
  margin-left: 40px;
}

.el-button {
  border-radius: unset;
}

.el-submenu__title {
  text-align: left;
}

.collapse {
  .el-submenu__title {
    text-align: center;
  }
}

.el-loading-spinner {
  i {
    color: $theme;
  }
  .el-loading-text {
    color: $theme;
  }
}

.el-message-box__btns {
  .el-button--primary {
    background-color: $theme;
    border: $theme;
  }
}

.el-input__inner,
.el-textarea__inner {
  border-radius: unset;
}

.el-button--default.el-button:hover,
.el-button--default.el-button:focus {
  color: $theme;
  background-color: rgba($color: $theme, $alpha: 0.1);
  border-color: rgba($color: $theme, $alpha: 0.1);
}

.btn-shadow.el-button:hover,
.btn-shadow.el-button:focus {
  color: $theme !important;
  border-color: unset;
  background-color: rgba($color: $theme, $alpha: 0.1) !important;
}

.btn-txt.el-button:hover,
.btn-txt.el-button:focus {
  color: $theme;
  border-color: unset;
  background-color: white;
}

.btn-plain.el-button:hover,
.btn-plain.el-button:focus {
  color: $theme;
  border-color: unset;
  background-color: white;
}

.btn.el-button:hover,
.btn.el-button:focus {
  color: white;
  border-color: unset;
  background-color: $theme;
}

.el-table__header th,
.el-table thead.is-group th {
  background-color: rgba($color: $theme, $alpha: 0.1);
  color: #343840;
  font-size: 12px;
}

.btn-opt.btn-txt {
  color: $theme;
  cursor: pointer;
  font-size: 12px;
  &:hover {
    text-decoration: underline;
  }
}

.splitor {
  margin: 0 4px;
  color: #e4e7edff;
}

.btn-shadow {
  background-color: rgba($color: #2e8661, $alpha: 0.1);
}

.btn-square {
  border-radius: unset;
}

.btn-block {
  text-align: center;
  display: inline-block;
  border: none;
  border-radius: unset;
}

.btn-txt {
  color: $theme;
  cursor: pointer;
  font-size: 14px;
}

.upload-control {
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
  display: none !important;
}

.btn {
  background-color: $theme;
  color: white;
  border-radius: unset;
  border-color: $theme;
  font-size: 14px;
  cursor: pointer;
  &-plain {
    border-radius: unset;
    background-color: white;
    color: $theme;
    border-color: $theme;
  }
}

.form {
  display: flex;
  flex-direction: column;
  &-row {
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    &--label {
      width: 200px;
      margin-right: 14px;
      justify-content: flex-end;
      display: flex;
    }

    .form-control {
      min-height: 40px;
      align-items: center;
    }

    &--value {
      overflow: hidden;
      flex: 1;
    }
  }
}

.form-group {
  display: flex;
  .form-control-label {
    width: 80px;
    display: flex;
    height: 36px;
    justify-content: flex-end;
    align-items: center;
  }
  .form-control {
    flex: 1;
  }
}
